<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link href="/css/resource/index.css" rel="stylesheet" />
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="fixed-table-toolbar">
                    <input class="hidden" id="authority" name="authority" th:value="${authority}" >
                </div>
                <div class="ibox-content" style="padding: 0">
                    <form class="form-horizontal m-t" id="chapterResource">
                        <div class="layui-form-item">
                            <label class="col-sm-2 control-label">章节名称：</label>
                            <div class="col-sm-5">
                                <input id="name" name="name" placeholder="请输入章节名称" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="col-sm-2 control-label">上传视频：</label>
                            <div class="col-sm-10">
                                <div id="btnUploadVideo" style="width: 9%">
                                    <div style="width: 100%;height: 105px;">
                                        <img src="/img/updatavideo.png">
                                        <p >上传视频</p>
                                        <input type="file" style="opacity:0;width: 0px;" id="videofile"
                                               name="videofile"/>
                                    </div>
                                </div>
                                <div id="videos" class="textContent">

                                </div>
                                <div id="videos-progress-content" style="width: 100%;">

                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="col-sm-2 control-label">文档：</label>
                            <div class="col-sm-10">
                                <div id="btnUploadDocument" style="width: 10%">
                                    <button type="button" class="layui-btn">
                                        <p>上传文件</p>
                                        <input type="text" style="opacity:0;width: 0px;" id="documentfile"
                                               name="documentfile"/>
                                    </button>
                                </div>
                                <div id="document" class="textContent">

                                </div>
                                <div id="document-progress-content" style="width: 100%;">

                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="col-sm-2 control-label">图片：</label>
                            <div class="col-sm-10">
                                <div id="btnUploadImage" style="width: 9%">
                                    <div style="width: 100%;height: 105px;">
                                        <img src="/img/webuploader.png">
                                        <p style="margin-left: 14px">点击上传</p>
                                        <input type="text" style="opacity:0;width: 0px;" id="imagefile"
                                               name="imagefile"/>
                                    </div>
                                </div>
                                <div id="imgAll" style="display: flex;flex-wrap: wrap;margin-top: 10px;margin-left: -30px;">

                                </div>
                                <div id="imgAll-progress-content" style="width: 100%;">

                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="col-sm-2 control-label">压缩包：</label>
                            <div class="col-sm-10">
                                <div id="btnUploadpackages" style="width: 10%">
                                    <button type="button" class="layui-btn">
                                        <p>上传压缩包</p>
                                        <input type="text" style="opacity:0;width: 0px;" id="packagefile"
                                               name="packagefile"/>
                                    </button>
                                </div>
                                <div id="pagesall" class="textContent">

                                </div>
                                <div id="pagesall-progress-content" style="width: 100%;">

                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="col-sm-2 control-label">音频：</label>
                            <div class="col-sm-10">
                                <div id="btnUploadaudio" style="width: 10%">
                                    <button type="button" class="layui-btn">
                                        <p>上传音频</p>
                                        <input type="text" style="opacity:0;width: 0px;" id="audiofile"
                                               name="audiofile"/>
                                    </button>
                                </div>
                                <div id="audio" class="textContent">

                                </div>
                                <div id="audio-progress-content" style="width: 100%;">

                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                                <label class="col-sm-2 control-label">资源优先级：</label>
                                <div class="col-sm-5" id="selectChanges">
                                    <input id="sort" name="sort" placeholder="请输入数字，数字越大越靠前" class="form-control" type="text">
                                </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-10 col-sm-offset-5">
                                <button type="submit" class="layui-btn">确定</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="overlays">
    <img src="" alt="image">
</div>
<div th:include="include::footer"></div>
<script type="text/javascript" src="/js/plugins/md5/md5.js"></script>
<script type="text/javascript" src="/js/plugins/utils/utils.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/chapterResource/add.js"></script>
</body>
</html>
